<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>JQuery-Ajax示例</title>
    <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
</head>
<body>
<button id="btnLoad">Load获取内容</button>
<button id="btnGet">Get获取内容</button>
<button id="btnAjax">Ajax获取内容</button>
<div id="content"></div>
</body>
</html>
<script>
    $(document).ready(function(){
        $('#btnLoad').click(function(){
            // $('#content').load('/content/');
            // 可以选择 标志的内容
               $('#content').load('/content/ div');
            // $('#content').load('/content/ div.my-cls');
           // $('#content').load('/content/ p a');
           //  $('#content').load('/content/',function(){alert('载入成功！');  });
        });

        $('#btnGet').click(function(){
            $.get('/content/',null,function(response){
                $('#content').html(response);
            });
        });

        $('#btnAjax').click(function(){
            $.ajax({
                url:'/content/',
                type:'Get',
                success:function(response){ $('#content').html(response); }
            });
        });

    });

</script>